<template>
    <!-- <h1 v-color="color">VUE 自定义指令</h1> -->
    <h1 v-color="'pink'">VUE 自定义指令</h1>

    <input type="text" v-focus />
</template>

<script>
export default {
    data() {
        return {
            msg: "初识默认值",
            color: "blue",
        };
    },
    directives: {
        // '指令名': {}    // 当前指令的一些配置项

        // 注册指令的时候, 不需要添加 v-, 但是使用的时候, 必须添加 v-
        focus: {
            mounted(el) {
                el.focus();
            },
        },
    },
};
</script>

<style></style>
